<ion-view hide-tabs="true" hide-nav-bar="true" view-title="课程详情"  ng-controller="privateTeachChatsDetailA">
  <ion-header-bar align-title="center"  class="bar-default" style="background-color: #F8F8F8;">
    <div class="buttons">
      <button class="button" ng-click="backPrivate()"><span class="ion-ios-arrow-thin-left" style="font-size: 24px;"></span></button>
    </div>
    <h1 class="title">课程详情</h1>
  </ion-header-bar>
  <ion-content  style="background-color: rgb(239, 239, 244);">
    <div class="privateClassDetails" style="background-image: url({{items.pic}})">
      <section style="margin-bottom: 10px;margin-left: 20px;">
        <h3 style="color: #FFF;">{{items.product_name}} <span>{{items.score}}</span>分</h3>
        <span> </span>
      </section>
      <div class="privateTeachDiv"  style="height: 60px;">
        <section style="margin-top: 10px;padding-left: 16px;">{{items.venueName}} <br>
          <p style="font-size: 10px">{{items.venueAddress}}</p>
        </section>
        <section  style="margin-top: 6px;" ng-click="mapClick()"></section>
      </div>
    </div>
    <div class="privateClassdiv2 " style='margin-top: 56px;'>
      <section ng-click="productCourse({{items.id}})" style="border: none;border-bottom: solid 1px #e5e5e5;" >
        <span>产品课程</span>
        <i class="icon ion-chevron-right icon-accessory"></i>
      </section>
      <section >
        <ul ng-repeat="ww in items.memberCourseOrderDetails">
          <li style="font-size: 12px;">{{ww.course_name}}</li>
          <li style="font-size: 12px;"> 时长{{ww.course_length}}分钟</li>
          <li style="font-size: 12px;">单节{{ww.original_price}}</li>
          <li style="font-size: 12px;">{{ww.course_num == null ? items.money_amount:ww.course_num}} 节共</li>
          <li style="font-size: 12px;"> ￥{{ww.course_num == null ? items.money_amount:ww.course_num * ww.original_price}}</li>
        </ul>
      </section>
      <section>
        <span style="font-size: 20px;"> <small>{{items.course_amount}} /总价￥</small> <strong>{{items.money_amount}}</strong></span>
      </section>
      <section style="height: 15px;"></section>
    </div>
    <div class="privateClassdiv3">
      <h4>{{items.product_name}}</h4>
      <p>{{items.desc}}</p>
    </div>

  </ion-content>
  <div align-title="center"   class="bar bar-footer bar-balanced">
    <button class="title" id='leagueDetailsButtons'   style="width: 100%;text-align: center; background: rgb(51, 205, 95);padding: 0;border: none;"  ng-click="ionFooterButton()">预约课程</button>
  </div>
</ion-view>
